<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>首页</title>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="layer.js"></script>
	
<style type="text/css">
	body{ background-color: #899A90; font-family:'黑体'; color:#E77837; } 
	a{ color: #CCC;}
	#box{ width:90%; height:100%;background:#2F2F2F;border:1px solid #000; margin:0px 5%;}
	#box h2{ }
	#top{ width:100%; height:30px;border:1px solid #37E778; padding-top: 8px;}
	#top .top-left{width:100px; border:0px solid #37E778; margin:0 0 0 20px; }
	#top .top-right{width:100px; border:0px solid #37E778; margint:0 20px 0 0; float: right; }
	#main{ height: 800px; border:1px solid #a937e7; margin-top:10px;}
	duty span{ font-size: 1.2em; height: 50px; 	}
	.sel-pro{ width:200px; height:40px; border:0px solid #37E778; display:inline-block; margin:20px 0 0 20px;}
	.input-infa {width:800px; height:40px; display:inline-block;  border:0px solid #37E778; margin:20px 0 0 100px;}
	.sel-pro select { width:200px;  height:40px; background: #2F2F2F; color:#E77837; }
	.input-infa-text{ text-align:right; margin:0px 0 0 100px;}
	.input-infa-text input{ width:200px;  height:38px; border:1px solid #a87b60; margin:7px 0 0 5px; background-color: #2F2F2F;}	
	.infa-btn{ width:100px; height: 42px; margin:0px 0 0 100px;  background-color: #2F2F2F; border:1px solid #a87b60; color:#E77837;	}
	hr{ border:1px solid #a87b60;}
	.m-con{ width:100%px; border:1px solid #a87b60; }
</style>	
</head>
<body>
	<div id="box">
	 	<div id="top"">
			<span class="top-left">欢迎使用 easyapi</span>
			<span class="top-right">
				周宇飞  
				<a href="http://www.baidu.com">登出</a>
			</span>
		</div>
	 	<div id="main">
			<div class="duty">
				<span class="sel-pro">
					<select>
						<option selected="selected">手机营业厅</option>
						<option>后台管理平台</option>
						<option>定时任务</option>
						<option>流量管家</option>
					</select>
				</span>
				<span class="input-infa-text">
					   	接口名称：<input type="text" Placeholder="支持模糊匹配 ” * 或  _ “" >   
				</span>
				<span class="input-infa-btn">
					<input type="button" value="查询" class="infa-btn">
				</span>
			</div>
			<div ><hr /></div>
			<div class="m-con">
				
			</div>
		</div>
	</div>
</body>
</html>